/* Sortable tables */
table.sortable a.sortheader {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
table.sortable span.sortarrow {
    color: black;
    text-decoration: none;
}

/* LAYOUT ELEMENTS ========================================================== */
*
{
	margin: 0;
	padding: 0;
}

body {
    background: black url('http://static.serversidewiki.com/images/bg.jpg');
    background:#000;
	color: #000;
    font: 90% "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	_text-align: center;
}

#flash_notice
{
xbackground-color:green;
color:green;
padding:3px 7px;
font-weight:bold;
font-size:1.2em;
}

#loading
{
	position: absolute;
   left: 50%;
   top: 50%;
   text-align:center;
   width: 200px;
   height: 50px;
   margin-left: -125px; 
   margin-top: -50px;
   background-color:white;
   border:2px outset #999;
   padding:25px;
	font-family:'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
}

#loading p.starting
{
   font-size:1.2em;
   margin-bottom:1em;
   color:black;
}
#loading p.relax {
color:#666;
font-size:0.85em;
}

#loading img { xmargin-top:15px; xwidth:32px; xheight:32px; }

#logger {
display:none;
width:512px;
border:3px solid #090;
background:white;
color:black;
font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size:0.9em;
padding:7px 15px;
min-height:100px;
}
#logger .title { 
font-weight:normal; 
color:green;
padding-bottom:0.2em;
border-bottom:1px solid #ccc;
margin-bottom:0.3em;
}

#savetest { display:none; }

#otherstuff
{
width:770px;
padding:5px 10px;
background-color:#fff;
-moz-border-radius:0 0 8px 8px;
margin:0 auto;
border-left:10px solid #ccc;
border-right:10px solid #ccc;
border-bottom:2px solid #999;
}

#otherstuff img
{
float:left;
margin-right:10px;
}

#topheader
{
background-color:#333;
color:#ccc;
padding:6px 10px 4px;
font-size:0.75em;
font-family:Verdana, Arial, Helvetica, sans serif;
border-bottom:1px solid #666;
margin:0 auto;
}

#topheader div
{

margin:0 auto;
}

#topheader .desc
{
float:left;
margin-left:12em;
color:#ccc;
}
#topheader .desc a
{
text-decoration:underline !important;
color:#c93;
}

#topheader .appname
{
font-weight:bold;
xfont-family:'Trebuchet MS';
xfont-size:1.2em;
float:left;
}

#topheader ul,
#header ul
{
display:block;
margin:0
padding:0;
list-style-type:none;
float:right;
}

#header ul
{
margin-top:1em;
}

#topheader ul li,
#header ul li
{
display:inline;
}

#topheader ul li a,
#header ul li a
{
color:#c93;
display:block;
float:left;
padding:2px 5px;
xmargin:0px 10px;
margin-top:-2px;
margin-left:20px;
}
#topheader ul li a:hover,
#header ul li a:hover
{
background-color:#333;
color:gold;
}

#side_container
{
	float: left;
	width: 215px;
	margin-right: 10px;
	font-size:13px;
}

/* new design */
/*
#side_container {	display:none; }
#header { display:none; }
#topheader { display:none; }

#header { 
background-color:#030; 
padding-left:15px;
}
*/


#sidebar {
    color: #000000;
}

a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}


/* HEADER ========================================================== */

#siteTitle {
	font-size: 30px;
}

#siteSubtitle {
	font-size: 13px;
	padding-left: 10px;
}

#titleLine a {
    color: #cf6;
}

/* SIDEBARS ========================================================== */

#mainMenu br {display:none; }
#mainMenu hr {
color:#600;
border:0px; 
padding:5px 0; 
}


/* sidebar Options is part of the new CSS */

#sidebarOptions .button {
	color: #993300;
	padding: 0.3em 0.2em 0.3em 1em;
	display: block;
}

#sidebarOptions .button:hover {
	color: #ccff66;
	background-color: #993300;
   
}

#sidebarOptions .sliderPanel {
	padding: 0.5em 0.5em 0.5em 0.5em;
	font-size: 1em;
	background-color: #eeeeaa;
	background-color:white;
}
#sidebarOptions input
{
margin-left:0.9em;
}

#licensePanel {
  padding: 0px 10px;
	font-size: 0.85em;
	margin-bottom:1em;
	margin-top:1em;
	color:#960;
}

#licensePanel p
{
font-size:1em;
color:gold;
margin-bottom:1em;
}

#licensePanel ul
{
list-style-type:square;
margin:0;
padding:0;
margin-left:20px;
}

#licensePanel ul li {  }

#licensePanel a {
    color: #960;
	display: block;
	xmargin-top: 10px;
	font-size: 11px;
}

#licensePanel a:hover {
    color: gold;
}

#licensePanel a:active {
    color: #fff;
}

.optionsText {
    margin: 2px 0;
}

#sidebarTabs {
}


#sidebarTabs ul
{
xlist-style-type:square;
xcolor:#740;
}
#sidebarTabs ul li
{
padding-left:10px;
xmargin-left:15px;
xbackground:url(/images/icons/mini/single_page.gif) no-repeat 2px 4px;
}
#sidebarTabs ul li.listTitle
{
list-style-type:none;
color:black;
margin-left:0px;
padding-left:0px;
border-bottom:1px solid #850;
background:transparent;
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
}

#sidebarTabs h4
{
background-color:transparent;
border-bottom:1px solid #850;
margin-top:0;
margin-bottom:0;
padding-left:0;
font-weight:normal;
}

#sidebarTabs .tabContents {
xbackground:#eee !important;
xcolor:black;
}

#sidebarTabs .tab
{
border-left:1px solid #850;
border-top:1px solid #850;
border-right:1px solid #960;
margin-left:0.0em;
font-size:1.1em;
font-size:0.8em;
font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
xfont-weight:bold;
padding:2px 7px;
color:white;
background-color: #cc9900;
background:#b80;
-moz-border-radius:5px 5px 0 0;
position:relative;
}

#sidebarTabs .Backpack {
background-color:#8b0;
border-color:#580; }

#sidebarTabs .tabSelected {
	border:1px solid #630;
	border-top-width:2px;
	border-bottom-width:0;
	color: #ccff66;
	background-color: #996633;
	background-color:#960;
	top: -2px;
	padding-bottom:4px;
	color:white;
	font-weight:bold;
}

.tabContents { margin-top:2px; }

#sidebarTabs .tabUnselected {
	xcolor: #ccff66;
	xbackground-color: #993300;
	xbackground-color:#660;
}

#sidebarTabs .tabContents .tiddlyLink {
	color: #ccff66;
	color:white;
}

#sidebarTabs .tabContents .tiddlyLink:hover {
	background-color: #ccff66;
	color: #330000;
	background-color:black;
	color:white;
}

#sidebarTabs .tabContents .button {
	color: #ccff66;
	padding: 0em 0em 0em 0em;
	display: inline;
}

#sidebarTabs .tabContents .button:hover {
	color: #330000;
	background-color: #ccff66;}


#tabTimeline {
    font-weight: bold;
    display: inline;
    background: #960;
	border-right: 1px solid #740;
}

.tabContents ul, .tabContents ol {
	margin: 0;
	padding: 0;
}

#sidebarTabs .tabContents li {
	list-style: none;
}

/* TIDDLER DISPLAY/EDIT SPACE ========================================================== */

.tiddler .viewer { width:99%; } /* IE fix for rendering glitches */

.handle
{
cursor:move;
position:absolute;
bottom:7px;
right:15px;
}

.tiddler .button {
	padding: 0.2em 0.4em 0.2em 0.4em;
	color: #993300; /* Josh - was commented before, uncommenting to fix Firefox 1.0.4 on Windows */
}

.tiddler .button:hover {
	text-decoration: none;
    xcolor: #ccff66;
    xbackground-color: #993300;
}

.tiddler .button:active {
	color: #ffffff;
	color: black;
	background-color: #cc9900;
}

.tiddler .revisiontext
{
position:absolute;
top:3px;
left:7px;
font-family:Verdana, Tahoma, Helvetica, sans-serif;
font-size:0.75em;
color:white;
background-color:#090;
padding:3px 10px;
font-weight:bold;
}

.tiddler .spinner
{
position:absolute;
top:5px;
left:10px;
}

.tiddler .status
{
position:absolute;
top:3px;
left:7px;
left:32px;
padding:3px 10px;
background-color:steelblue;
background-color:brown;
color:white;
font-family:Verdana, Tahoma, Helvetica, sans-serif;
font-size:0.75em;
font-weight:bold;
}

#messageArea
{
	font-size: 13px;
	font-weight: bold;
	padding: 5px;
	margin: 10px 20px;
	background: #FFE72F;
	border-right: 3px solid #da1;
	border-bottom: 3px solid #a80;
	text-align: center;
	display: none;
}

#popup {
	display: none;
	position: absolute;
	font-size: 9pt;
	color: #ccff66;
	background-color: #993300;
	background-color:#eee;
	padding: 0.25em 0.25em 0.25em 0.25em;
	border-right: 1px solid #330000;
	border-bottom: 1px solid #330000;
	z-index: 10;
	padding:7px;
	color:black;
}

#popup
{
text-align:left;
}

#popup ul
{
color:#999;
list-style-type:square;
margin:0;
padding:0;
padding-left:15px;
}


#sidebarTabs #popup a,
#popup a {
	display: block;
	color:blue;
	line-height: 100%;
	margin-bottom:0.2em;
}

#popup a.tiddlyLinkExisting { font-weight:normal; }

#popup a:hover {
	background-color: #ccff66;
	color: #330000;
	
}

#popup hr {
	border:0;
	border-top: solid 1px #ccc;
	height: 1px;
	margin:5px 0;
	color:#ccc;
}

#displayArea .tiddlyLinkExisting {
    font-weight: bold;
	text-decoration: none;
}

#displayArea .tiddlyLinkNonExisting {
    font-style: italic;
	text-decoration: none;
}

#displayArea .externalLink {
    text-decoration: underline;
	font-size: 1.0em;
	color:blue;
}

#displayArea a.externalLink:hover {
	color:brown;
	background-color:transparent;
}


.sparkline {
	background-color: #eeeeaa;
	border: none;
	line-height: 100%;
}

.sparktick {
	background-color: #993300;
	outline: 0;
}


.icon
{
position:absolute;
right:15px;
top:25px;
display:none;
}

.toolbar {
    font-weight: normal;
    font-size: 11px;
    visibility: hidden;
	text-align: right;
	padding: 5px 0;
}

.footer
{
font-size:0.75em;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #aaa;
}

.editorFooter
{
color:#666;
margin-bottom:0.25em;
}


.selectedTiddler .toolbar {
	visibility: visible;
}



img.clickable
{
cursor:pointer;
vertical-align:middle;
margin-left:7px;
}


.viewer {
    line-height: 140%;
}

.viewer a:link, .body a:visited {
    color: #15b;
	text-decoration: underline;
}

.viewer a:hover {
    color: #fff;
    background: #000;
}

.viewer blockquote {
  border-left: 3px solid #777;
	margin: 5px;
	padding: 5px;
	width:99%; /* fix for IE6, otherwise left margins get less and less */
}
.viewer blockquote p { margin:0.1em; }

.viewer ul {
	padding-left: 30px;
}

.viewer ol {
    padding-left: 30px;
}

ol
{ 
	list-style-type: decimal;
}

ol ol
{ 
	list-style-type: lower-alpha;
}

ol ol ol
{ 
	list-style-type: lower-roman;
}

/* checkboxes */

.viewer input.checkbox
{
margin-left:0.2em;
margin-right:0.5em;
}

/* use dt and dd for pretty checkboxes - didn't work*/

.viewer dl  {}
.viewer dt {
	float: left;
	width: 20px;
}
.viewer dd {
	margin-left: 25px;
}


.viewer ul, .viewer ol, .viewer p {
    margin: 5px 0 12px 0;
}

.viewer li {
    margin: 3px 0;
}

.viewer h1, h2,h3,h4,h5,h6 {
    font-weight: bold;
    background: #eee;
    padding: 2px 10px;
	margin: 5px 0;
}
.viewer h3,h4,h5,h6
{
background:transparent;
padding-left:0;
}

.viewer pre
{
line-height:1.2em;
padding:7px;
border:1px solid #edc;
background-color:#fff7f0;
}

html>body .viewer pre { font-size:1.1em; }

.viewer h1 { font-size: 1.3em; }

.viewer h2 {
    font-size: 1.3em;
    font-size: 1.2em;
}

.viewer h3 {
    font-size: 1.2em;
    font-size: 1.1em;
}

.viewer h4 {
    font-size: 1.1em;
    font-size: 1em;
}

.viewer h5 {
    font-size: 1em;
    font-size: .9em;
}

.viewer h6 {
    font-size: .9em;
}

.viewer table {
    border-collapse: collapse;
    border: 2px solid #303030;
	font-size: 11px;
	margin: 10px 0;
}

.viewer thead {
    background: #eee;
    border: 1px solid #aaa;
    padding: 3px;
}

.viewer td {
    border: 1px solid #aaa;
    padding: 3px;
}

.viewer caption {
    padding: 3px;
}

.viewer hr {
    border: none;
    border-top: dotted 1px #777;
    height: 1px;
    color: #777;
margin: 7px 0;
}

.viewer .tabset
{
margin-left:0.5em;
font-size:0.9em;
margin-bottom:1px;
}

.viewer .tab
{
border-left:1px solid #999;
border-top:1px solid #999;
border-right:1px solid #aaa;
margin-left:0.0em;
font-size:1.1em;
font-weight:bold;
padding:2px 7px;
color:white;
background-color: #f7f7f7;
-moz-border-radius:7px 7px 0 0;
}

.viewer a.tab:link, 
.body a.tab:visited { 
text-decoration:none; 
xcolor:black; /* FIX */ 
font-weight:normal;
}
.viewer a.tab:hover
{
background-color:#f7f7f7;
}

.viewer a.tabSelected:link,
.viewer a.tabSelected:visited {
	border:1px solid #666;
	border-top:3px solid #8ac;
	border-bottom:1px solid #f7f7f7;
	color: #000;
	position: relative;
	top: -1px;
	padding-bottom:3px;
	color:white;
	font-weight:bold;
	color:#333;
}

.viewer a.tabUnselected:link,
.viewer a.tabUnselected:visited {
background-color:#ddd;
border-bottom:1px solid #ccc;
}


.viewer .tabContents
{
background-color:#f7f7f7;
border:1px outset #999;
padding:15px;
max-height:400px;
overflow:auto;
width:100%;
}

html>body .viewer .tabContents { width:94%;}

.body
{
 margin: 5px 0 15px 0;
 padding: 5px 0 15px;
 border-top: 1px solid #ccc;
}

.highlight {
    color: #000;
    background: #ffe72f;
}

.editor {
    font-size: 8pt;
    color: #402C74;
    font-weight: normal;
	padding: 10px 0;
}

.editor input, .editor textarea {
    display: block;
	font: 125% "Andale Mono", "Monaco", "Lucida Console", "Courier New", monospace;
	margin: 0 0 10px 0;
    border: 1px inset #333;
	padding: 2px 0;
}

.editor textarea {
	xheight: 300px;
	width:100%; /* Josh */
}

.editor label
{
font-size:1em;
color:#666;
margin-bottom:0.1em;
display:block;
font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
}


input
{
padding:0 3px;
}

input:focus, textarea:focus
{
	background: #ffe;
	border: 1px solid #000 !important;
}


#storeArea, #copyright {
    display: none;
}

.zoomer {
    background: #DF9;
	border: 3px solid #999;
	color: #DF9;
    position: absolute;
	left: -99999999px;
	top: -99999999px;
	width: 1px;
    opacity: 0.5;
    filter: alpha(opacity=50);
	display: none;
}

/* TAG STUFF, ADDED BY JODY ========================================================== */

#tabTags {
    font-weight: bold;
    display: inline;
    background-color: #663300;
    padding: 2px 3px 0px 3px;
    margin: 0px 1px 0px 1px;
}

.tabContentTags {
	padding-top: 8px !important;
    background-color: #663300;
}

.tags a:link, a:visited {
	font-size: 1em;
	color: #996633; 
}

.tags a:link, a:visited {
	color: #996633; 
}

.tags a:hover {
    color: #ffffff;
    background-color: #996633;
    text-decoration: none;
}

/*
.taggedTiddlers {
	padding: 5px 10px !important;
	margin-bottom: 10px;
	margin-top: 10px;
	background: #f7f7f7;
}

.taggedTiddlers a:link, .body .taggedTiddlers a:visited {
	color: #996633;
}
*/

.viewer a:link { xcolor:black; } /* FIX */

.body .taggedTiddlers a:hover {
    color: #fff;
    text-decoration: none;
}

.taggedTiddlers {
	padding: 5px 10px;
  margin-top:1em;
  margin-bottom:0.7em;
	border:1px solid #ccc;
  background-color:#f7f7f7;
  position:relative;
	width:505px; /* for for IE */
}

html>body .taggedTiddlers { width:auto; }

.taggedTiddlers .legend
{
color:#666;
font-size:0.7em;
font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
width:5em;
text-align:right;
line-height:1.2em;
clear:right;
margin-top:1em;
position:absolute;
bottom:10px;
right:10px;
}

.taggedTiddlers a:link.newTagged,
.taggedTiddlers a:visited.newTagged
{
xwidth:7em;
text-align:right;
font-size:0.7em;
font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
color:#15b;
xfloat:right;
xmargin-left:1em;
position:absolute;
top:10px;
right:10px;
}
.taggedTiddlers a:hover.newTagged
{
color:red;
background:transparent;
text-decoration:underline;
}

.taggedTiddlers ul {
  margin:5px 0;
  list-style-type:square;
  color:#666;
}

.taggedTiddlers ul li { margin:0; padding:0; }

/* these last two are to make less space between tagged list and tiddler content */
.body {
  margin-bottom:2px;
}

.innerTiddler {
  /* compensate for the above */
  margin-bottom:15px;
}

.tiddler p.helptext
{
margin-top:0;
margin-bottom:1em;
color:black;
font-size:1.2em;
}

div.auto_complete {
            width: 350px;
            
            position:absolute;
            font-size:1.1em;
            font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
            z-index:10;
            cursor:default;
          }
          div.auto_complete ul {
	          background: #fff;
            border:1px solid #888;
            margin:0;
            padding:0;
            width:100%;
            list-style-type:none;
          }
          div.auto_complete ul li {
            margin:0;
            padding:3px;
            
          }
          div.auto_complete ul li.selected { 
            background-color: #ffb; 
          }
          div.auto_complete ul strong.highlight { 
            color: #800; 
            margin:0;
            padding:0;
          }
